{extend name="public/base" /}
{block name="style"}
<link rel="stylesheet" href="__THEME__/default/view/admin/static/css/module.css?v={:time_version()}">
{/block}

{block name="content-header"}
<!-- Content Header (Page header) -->
<div class="content-header">
	<div class="container-fluid">
		<div class="row mb-2">
			<div class="col-sm-6">
				<h1 class="m-0 text-dark">
					配置排序 [ <a href="{$Think.cookie.__forward__}">返回列表</a> ]
				</h1>
			</div><!-- /.col -->
			<div class="col-sm-6">
				<ol class="breadcrumb float-sm-right">
					<li class="breadcrumb-item"><a href="{:Url('index/index')}">首页</a></li>
					<li class="breadcrumb-item"><a href="{:Url('config/index')}">配置管理</a></li>
					<li class="breadcrumb-item active">配置排序</li>
				</ol>
			</div><!-- /.col -->
		</div><!-- /.row -->
	</div><!-- /.container-fluid -->
</div>
<!-- /.content-header -->
{/block}

{block name="content-content"}
<!-- Main content -->
<section class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-12">

				<div class="sort">
					<form action="{:Url('sort')}" method="post">
						<!-- <div class="sort_top">
		  查找：<input type="text"><button class="btn search" type="button">查 找</button>
		  </div> -->

		  <div class="sort_center">

			  <div class="sort_option">
				  <select value="" size="8">
					  {volist name="list" id="vo"}
					  <option class="ids" title="{$vo.title}" value="{$vo.id}">{$vo.title}</option>
					  {/volist}
				  </select>
			  </div>
			  <div class="sort_btn">
				  <button class="top btn" type="button">第 一</button>
				  <button class="up btn" type="button">上 移</button>
				  <button class="down btn" type="button">下 移</button>
				  <button class="bottom btn" type="button">最 后</button>
			  </div>
		  </div>
		  <div class="sort_bottom">
			  <input type="hidden" name="ids">
			  <button class="sort_confirm btn submit-btn" type="button">确 定</button>
			  <button class="sort_cancel btn btn-return" type="button" url="{$Think.cookie.__forward__}">返 回</button>
		  </div>
					</form>
				</div>


			</div>
		</div>
	</div><!-- /.container-fluid -->
</section>
<!-- /.content -->

<!-- Main content -->
<!-- /.content -->
{/block}

{block name='script'}
<script src="__THEME__/default/view/admin/static/js/common.js?v={:time_version()}"></script>
<script type="text/javascript">
$(function(){
	highlight_subnav('{:Url('Config/index')}');
	sort();
	$(".top").click(function(){
		rest();
		$("option:selected").prependTo("select");
		sort();
	})
	$(".bottom").click(function(){
		rest();
		$("option:selected").appendTo("select");
		sort();
	})
	$(".up").click(function(){
		rest();
		$("option:selected").after($("option:selected").prev());
		sort();
	})
	$(".down").click(function(){
		rest();
		$("option:selected").before($("option:selected").next());
		sort();
	})
	$(".search").click(function(){
		var v = $("input").val();
		$("option:contains("+v+")").attr('selected','selected');
	})
	function sort(){
		$('option').text(function(){return ($(this).index()+1)+'.'+$(this).text()});
	}

	//重置所有option文字。
	function rest(){
		$('option').text(function(){
			tmp = $(this).text().split('.');
			tmp.splice(0,1);
			return tmp.join('.');
		});
	}

	//获取排序并提交
	$('.sort_confirm').click(function(){
		var arr = new Array();
		$('.ids').each(function(){
			arr.push($(this).val());
		});
		$('input[name=ids]').val(arr.join(','));
		$.post(
				$('form').attr('action'),
				{
					'ids' :  arr.join(',')
				},
				function(data){
					if (data.code) {
						updateAlert(data.msg+ ' 页面即将自动跳转~','alert-success');
					}else{
						updateAlert(data.msg);
					}
					setTimeout(function(){
						if (data.code) {
							$('.sort_cancel').click();
						}
					},1500);
				},
				'json'
			  );
	});

	//点击取消按钮
	$('.sort_cancel').click(function(){
		window.location.href = $(this).attr('url');
	});
})
</script>
{/block}
